{
	layout:{
		type:'vbox',
		padding: 1 ,
		align:'stretch'
	},
	items:[
		{
			xtype:'form',
			frame:true,
			layout: {
                type:'table',
                columns:3
            },
            defaults:{
            	margin:5 
            },
            reader: Ext.create('Ext.data.reader.Json', {
	            successProperty: 'success',
	            root:'data',
	            model:Ext.define('example.data', {
			        extend: 'Ext.data.Model',
			        fields: ['userCode', 'userName',"aliasName","address","startTime","endTime","birthday"]
			    })
	        }),
//            reader:{
//            	type:'json',
//            	successProperty:'success',
//            	root:'data',
//            	record:Ext.define('example.data', {
//			        extend: 'Ext.data.Model',
//			        fields: ['userCode', 'userName',"aliasName","address","startTime","endTime","birthday"]
//			    })
//            },
            tbar: {
                xtype: 'toolbar',
//                ui: 'footer',
                defaults:{
//                	minWidth:70
                },
                items: [
                	{itemId: 'query', text: '查询',handler:function(){
                		var form = this.up('form').getForm();
                		form.submit({
                			url:'/Acus/acus/user.do',
                			submitEmptyText: true,
                    		waitMsg: 'Saving Data...'
                		});
                		
                	}},
                	{itemId: 'Load', text: 'Load',handler:function(){
                		var form = this.up('form').getForm();
                		form.load({
                			url:'../js/loadData.js',
                    		waitMsg: 'Loading Data...'
                		});
                	}},
                	{itemId: 'add', text: '新增'},
                	{itemId: 'save', text: '保存'},
                	{itemId: 'delete', text: '删除'}
                ]
            },
			items:[
				{ xtype:'numberfield'  , name:'userCode' , fieldLabel : '用户代码用户' ,width: 250 , labelWidth:80},
				{ xtype:'textfield'  , name:'userName' , fieldLabel : '用户姓名',width: 250 , labelWidth:80},
				{ xtype:'textfield'  , name:'aliasName' , fieldLabel : '别名',width: 250 , labelWidth:80},
				{ xtype:'textfield'  , name:'address' , fieldLabel : '地址',width: 250 , labelWidth:80},
				{ xtype:'datefield'  , name:'startTime' , fieldLabel : '起始时间',width: 250 , labelWidth:80},
				{ xtype:'datefield'  , name:'endTime' , fieldLabel : '结束时间',width: 250 , labelWidth:80},
				{ xtype:'datefield'  , name:'birthday' , fieldLabel : '生日',width: 250 , labelWidth:80}
			]
		},
		{
			xtype:'grid',
			//hideHeaders:false,
			//collapsible : true,
			flex:1,
			columns: [
					{  text: 'Company', flex : 1,dataIndex: 'company'},
					{  text: 'Price', width : 75,dataIndex: 'company'},
					{  text: 'Change', width : 75,dataIndex: 'Change'}
			],
			store:Ext.create('Ext.data.ArrayStore', {fields:['company','Change']}),
			bbar: Ext.create('Ext.PagingToolbar', {  }),
			viewConfig: {
		        stripeRows: true,
		        enableTextSelection: true
		    }
		}
	]
	
}

